<!DOCTYPE html>
<html lang="zh-Hans">


<head>
    <title>豆瓣数据分析展示平台</title>
        <!-- meta -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- css -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">

    <!-- js -->
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="http://huangkun123.com/static/admin/js/layui.js"></script>
    <script src="http://huangkun123.com/static/admin/css/layui.css"></script>
    <script src="http://huangkun123.com/static/admin/js/jquery-1.12.4.min.js"></script>
    <link rel="stylesheet" href="http://huangkun123.com/static/admin/css/layui.css">
    <script src="http://huangkun123.com/static/admin/js/echarts.min.js"></script>
    <script src="http://huangkun123.com/static/admin/js/echarts.js"></script>
    <script src="http://huangkun123.com/static/admin/js/world.js"></script>
    <style>
        .jumbotron {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 0px;
    color: inherit;
    background-color: #eee;
}
.layui-bg-blue {
    background-color: #31708f!important;
}

    </style>
</head>
<body>

<div class="container" >

    <div class="jumbotron"  style="background-color: #1e9fff00;border-radius: 0;">
        <h2 style="text-align: center;color: #31708f;">豆瓣数据分析展示平台</h2>
        </div>
    <ul class="layui-nav layui-bg-blue" style="background-color: #009688!important;">


  <li class="layui-nav-item">
    <a href="/user/index">数据可视化</a>
    <dl class="layui-nav-child">
      <dd><a id="ec_1">电影分布</a></dd>
      <dd><a id="ec_2">类型统计</a></dd>
      <dd><a id="ec_3">电影趋势</a></dd>
        <dd><a id="ec_4">时长占比</a></dd>
      <dd><a id="ec_5">热榜电影</a></dd>
    </dl>
  </li>

       {% if data.score.user_type==0%}
        <li class="layui-nav-item"><a href="/user/user_manager">用户管理</a></li>
        {% endif %}
  <li class="layui-nav-item"><a href="/user/reset_pwd">密码修改</a></li>
  <li class="layui-nav-item"><a href="/user/login_out">退出登陆</a></li>
</ul>
 <form action="" method="post">


    <div style="text-align: center;margin-top:50px">
      <label style="text-align: center;font-size:20px;margin-bottom: 20px;">密码修改</label>
    </div>
    <br>
                 <br>

     <div class="layui-form-item" style="text-align: center">




    <div class="layui-form-item" style="text-align: center">




  </div>

        <div class="layui-form-item" style="text-align: center">
    <div class="layui-inline">
      <label class="layui-form-label">账户</label>
      <div class="layui-input-inline">
        <input readonly="readonly" style="width:250px" type="tel" name="phone_number" lay-verify="required|phone" autocomplete="off" class="layui-input" value="{{data.score.phone_number}}" placeholder="输入账户">
      </div>
    </div>
         <br>
        <input style="display:none" name="score_id" value="{{data.score.id}}">
  </div>

        <div class="layui-form-item" style="text-align: center">
    <div class="layui-inline">
      <label class="layui-form-label">密码</label>
      <div class="layui-input-inline">
        <input style="width:250px" type="password" name="password" lay-verify="required|phone" autocomplete="off" class="layui-input" value="{{data.score.password}}">
      </div>
    </div>
            {% if data.message %}
<p style="color:red">{{data.message}}</p>
            {%else %}
            <p style="color:red"></p>
            {% endif %}
  </div>
    <div style="text-align: center;" >
        <div  >
    <button  type="submit" class="layui-btn" id="tj_btn">修改</button>

 </div>
    </div>

</form>
</div>

</body>

</html>